<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>


<link type="text/css" href="../css/tablaListas.css" rel="stylesheet" />
<link type="text/css" href="../css/principal.css" rel="stylesheet" />
<link type="text/css" href="../css/jquery.alerts.css" rel="stylesheet" />
<link type="text/css" href="../css/menuEmergente.css" rel="stylesheet" />
<link type="text/css" href="../css/jquery.message.css" rel="stylesheet" media="screen"/>
<link rel="stylesheet" type="text/css" media="screen" href="../css/jquery.message.css" />
<link type="text/css" href="../css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />

<script type="text/javascript" src="../JavaScript/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../JavaScript/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="../JavaScript/ui.datepicker-es.js">/*Este js es para el idioma*/</script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.message.js"></script>
<script type="text/javascript" src="../JavaScript/ajax.js"></script>


<script type="text/javascript">
$(document).ready(function(){
	cargar_codBodegaDestino();
        cargar_codBodegaRemitente();
        cargar_codVias();
        //cargar_CodSigGuias();
        $("#datepicker").datepicker();
        var accion=document.getElementById("hddAccion").value; 
        document.getElementById("txtCodGuia").disabled=true;
        document.getElementById("txtMonPagar").disabled=true;
        if(accion=='verGuia'){                        
            document.getElementById("cmbBodegaDestino").disabled=true;
            document.getElementById("cmbBodegaRemitente").disabled=true;               
            document.getElementById("cmbVia").disabled=true;
            document.getElementById("datepicker").disabled=true; 
        }
        
            
        
});

function cargar_codBodegaDestino()
{
        var accion='cargarBodegas';
	$.get("../controladores/ajaxControlador.php",{accion:accion},function(resultado){
		if(resultado == false)
		{
			alert("Error");
		}
		else
		{    
                    $('#cmbBodegaDestino').append(resultado);
                    var bodegaDestino=document.getElementById("hddBodegaDestino").value;                                        
                    var comboBodegaDestino=document.getElementById("cmbBodegaDestino");
                    var con=0;                    
                    for (con=0;con<=comboBodegaDestino.length;con++)  {                  
                        if(comboBodegaDestino[con].value==bodegaDestino){
                            comboBodegaDestino[con].selected = true;                        
                        }                                                       
                    }
                    	
                     
             }
	});
}

function cargar_codBodegaRemitente()
{
        var accion='cargarBodegas';
	$.get("../controladores/ajaxControlador.php",{accion:accion},function(resultado){
		if(resultado == false)
		{
			alert("Error");
		}
		else
		{    
                   $('#cmbBodegaRemitente').append(resultado);
                    var bodegaRemitente=document.getElementById("hddBodegaRemitente").value;                                        
                    var comboBodegaRemitente=document.getElementById("cmbBodegaRemitente");
                    var conRemitente=0;                    
                    for (conRemitente=0;conRemitente<=comboBodegaRemitente.length;conRemitente++)  {                  
                        if(comboBodegaRemitente[conRemitente].value==bodegaRemitente){
                            comboBodegaRemitente[conRemitente].selected = true;                        
                        }

                    }
                     
             }
	});
}

function cargar_codVias()
{
        var accion='cargarVias';
	$.get("../controladores/ajaxControlador.php",{accion:accion},function(resultado){
		if(resultado == false)
		{
			alert("Error");
		}
		else
		{                    
                   $('#cmbVia').append(resultado);
                   var via=document.getElementById("hddVia").value;                                        
                   var comboVia=document.getElementById("cmbVia");
                   var con=0;                    
                    for (con=0;con<=comboVia.length;con++)  {                  
                        if(comboVia[con].value==via){
                            comboVia[con].selected = true;                        
                        }                                                       
                    }
                                                                        
		}
	}	);
}

function expandir(tr)
{        
    document.getElementById("divExpandir").style.display="none"; 
    var tds = tr.getElementsByTagName("td");    
    var codigoGuia = tds[0].getElementsByTagName("a");        
    var codGuia=codigoGuia[0].innerHTML;
    var codigoEmbalaje = tds[1].getElementsByTagName("input");    
    var valorEmbalaje = codigoEmbalaje[0].value;       
    
    //document.getElementById('hddCodGuia').value,document.getElementById('hddEmbalaje').value

    var accion='expandirGuias';
	$.get("../controladores/ajaxControlador.php",{guia:codGuia,embalaje:valorEmbalaje,accion:accion},function(resultado){
            //var resultado=true;
		if(resultado == false)
		{
			//alert("Error cargar_CodSigGuias");
		}
		else
		{   imagen = document.getElementById('divExpandir');
                    if (!imagen){
                            alert("El elemento selecionado no existe");
                    } else {
                            //padre = imagen.parentNode;Este codio elimina todo el div
                           // padre.removeChild(imagen);
                           imagen.innerHTML="";// Este codigo borra el contenido del div
                           //document.getElementById("divExpandir").style.display="";
                           $('#divExpandir').append(resultado);
                    }           
                   document.getElementById("divExpandir").style.display=""; 
                   
                   
		}
                document.getElementById("txtCodGuia").disabled=true;
                document.getElementById("hddCodGuia").value=document.getElementById("txtCodGuia").value;
                
	}	);

        
     
}

function esconder(){
    imagen = document.getElementById('divExpandir');
                    if (!imagen){
                            alert("El elemento selecionado no existe");
                    } else {
                            //padre = imagen.parentNode;Este codio elimina todo el div
                           // padre.removeChild(imagen);
                           imagen.innerHTML="";// Este codigo borra el contenido del div
                           
                           
                    }           
}
</script>

</head>
<?php
        error_reporting(0); 
        session_start();
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 0);
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 1);
        // La variable de usuario es $_SESSION["s_username"]
    ?>


<!----------------------------------------------------------------------------------------------->
<!-- Aqui realizamos el menu horizontal verde oscuro que contiene los diferentes mantenimientos-->
<!----------------------------------------------------------------------------------------------->
<div id="menucontainer">
  <ul id="menuHorizontal">
          <li>
              <a href="../vistas/paginaPrincipal.php?accion=listarGuias&controlador=guias" target="Principal">Guías</a>
          </li>
          <li>
              <a href="../vistas/paginaPrincipal.php?accion=listarLineas&controlador=lineas" target="Principal">Lineas</a>
          </li>
          <li>
           <a href="../vistas/paginaPrincipal.php?accion=listarLineaDetalles&controlador=lineaDetalle" target="Principal">Linea Detalle</a>
          </li>
          <li>
              <a href="../vistas/paginaPrincipal.php?accion=listarEmbalajes&controlador=embalajes" target="Principal">Embalajes</a>
          </li>
          <li>
              <a href="../vistas/paginaPrincipal.php?accion=listarPrecios&controlador=precios" target="Principal">Precios</a>
          </li>
          <li>
              <a href="../vistas/paginaPrincipal.php?accion=listarTransportistas&controlador=transportistas" target="Principal">Transportistas</a>
          </li>
    </ul>
</div>

<!----------------------------------------------------------------------------------------------->




<article id="contenido">
    
    
    <table> <!--Esto es para mostrar el titulo de cada mantenimiento-->
        <div class="tituloListar">
            
             <tr><h1> <center>
                     <?php if ($accion=='verGuia'){?>
                        <font color="#B40404">Ver Detalle de Gu&iacute;as de Env&iacute;o</font> 
                    <?php }
                    else {?>               
                        <font color="#B40404">Modificaci&oacute;n de Gu&iacute;as de Env&iacute;o</font>
                     <?php } ?>
                 </center> </h1></tr>
             <br><br>
        </div>
      
    </table>
    
   
                
    <form action="../vistas/paginaPrincipal.php?accion=agregarGuias&controlador=guias" method="post" id="AgregaGuia">
        <input type="hidden" name="hddAccion" id="hddAccion" value="<?php if (!  empty( $accion)) echo  $accion?>"/>
        <input type="hidden" id="hddCodGuia" name="hddCodGuia" value="<?php if (!  empty($codGuia)) echo $codGuia?>"/>
        <input type="hidden" id="hddBodegaDestino" name="hddBodegaDestino" value="<?php if (!  empty($bodegaDestino)) echo $bodegaDestino?>"/>
        <input type="hidden" id="hddBodegaRemitente" name="hddBodegaRemitente" value="<?php if (!  empty($bodegaRemitente)) echo $bodegaRemitente?>"/>
        <input type="hidden" id="hddVia" name="hddVia" value="<?php if (!  empty($via)) echo $via?>"/>
        <input type="hidden" id="hdddatepicker" name="hdddatepicker" value="<?php if (!  empty($fechaEnvio)) echo $fechaEnvio?>"/>
        <input type="hidden" id="hddMonPagar" name="hddMonPagar" value="<?php if (!  empty($monPagar)) echo $monPagar?>"/>
      <fieldset class="p" class="center">  
              
                
            <!--<div class="center"> -->
            
                <legend class="leyenda">Detalle Guia</legend>
           
                <br>
                    <table>
                        <div class="editor-field"class="centrar">
                            
                             <tr> 
                                
                                    <td>&nbsp;&nbsp;&nbsp;<label class="labelstyle"  for="txtCodGuia">Código Guía:</label><br/><br/> </td>
                                    <!--Se inserta por ajax un campo en divTxtCodGuia llamado txtCodGuia -->
                                   <td>&nbsp;&nbsp;&nbsp;<input type="text" id="txtCodGuia" name="txtCodGuia" value="<?php if (!  empty($codGuia)) echo $codGuia?>"/><br/><br/></td>
                                   
                                     
                                    <td>&nbsp;&nbsp;&nbsp;<label class="labelstyle"> Fecha Envio:</label><br/><br/></td>
                                    <td>&nbsp;&nbsp;&nbsp;<input type="text" name="datepicker" id="datepicker" value="<?php if (!  empty($fechaEnvio)) echo $fechaEnvio?>" readonly="readonly" size="12" /><br/><br/></td>
                                    
                                  
                             </tr> 
                              <tr>
                                     
                                   <td>&nbsp;&nbsp;&nbsp;<label class="labelstyle" for="cmbBodegaDestino">Bodega Destino:</label><br/><br/> </td>
                                   <td> &nbsp;&nbsp;&nbsp; <select id="cmbBodegaDestino" name="cmbBodegaDestino" style="width: 200px">
                                                 <option value="0">Selecciona Uno...</option>
                                                 </select><br/><br/></td>
                                     
                                     
                                     <td>&nbsp;&nbsp;&nbsp;<label class="labelstyle" for="cmbBodegaRemitente">Bodega Remitente:</label><br/><br/> </td>
                                     <td>&nbsp; &nbsp;<select id="cmbBodegaRemitente" name="cmbBodegaRemitente" style="width: 200px">
                                                 <option value="0">Selecciona Uno...</option>
                                                 </select><br/><br/></td>                                    
                                
                              </tr>
                                           
                            <tr>
                                  <td>&nbsp;&nbsp;&nbsp;<label class="labelstyle" for="cmbVia">Vía:</label> <br/><br/> </td>
                                  <td>&nbsp; &nbsp;<select id="cmbVia" name="cmbVia" style="width: 200px">
                                                 <option value="0">Selecciona Uno...</option>
                                                 </select><br/><br/></td> 
                                    
                                
                                <?php if ($accion != "agregarGuias") {?>
                                    <td>&nbsp;&nbsp;&nbsp;<label class="labelstyle" for="txtMonPagar">Monto a Pagar:</label> <br/><br/> </td>
                                    <td>&nbsp;&nbsp;&nbsp;<input type="text" id="txtMonPagar" name="txtMonPagar" value="<?php if (!  empty($monPagar)) echo $monPagar?>"/><br/><br/></td>
                                <?php }?>    
                            </tr>                           
                        
                        <br>
                          
                        
                       
                    </table>
                <br/>
                     <legend class="leyenda">Detalle Lineas</legend>
                     <br/>
                 <table cellpadding="0" cellspacing="0" border="0" class="display" id="tabla_lista_paises">
                    <thead>
                        <tr>
                            <th>C&oacute;digo de Guia</th><!--Estado-->
                            <th>Embalaje</th>
                            <th>Cantidad</th>
                            <th>Precio Unitario</th>
                            <th>Monto Total</th>
                            <th>Ver</th>
                            <th>Esconder</th>
                       </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th></th>
                            <th></th>
                        </tr>
                    </tfoot>
                    <tbody>
                    <?php foreach($items as $item){ ?>
                            <tr>
                                <td><a href="javascript:document.getElementById('btnExpandir<?php echo $item['CodGuia']?><?php echo $item['Embalaje']?>').click()" id="expand"><?php echo $item['CodGuia']?></a></td>                    
                                <td><?php echo $item['Tipo']?><input type="hidden" name="hddEmbalaje" id="hddEmbalaje" value="<?php echo $item['Embalaje']?>"/></td>
                                <td><?php echo $item['Cant']?></td>
                                <td><?php echo $item['PrecioUnit']?></td>
                                <td><?php echo $item['MontoTotal']?></td>
                                <td><center><a href="javascript:document.getElementById('btnExpandir<?php echo $item['CodGuia']?><?php echo $item['Embalaje']?>').click()" title="Ver"><img src="../vistas/Imagenes/Buscar.png" alt="Ver"/> </a></center></td>
                                <td><center><img src="../vistas/Imagenes/up.png" alt="Esconder" onClick="esconder()"/></center></td>
                                
                                
                                <td><button type="button" id="btnExpandir<?php echo $item['CodGuia']?><?php echo $item['Embalaje']?>" style="display:none" onClick="expandir(this.parentNode.parentNode)"><img src="../vistas/Imagenes/edit.png" alt="Editar"/></button></td>
                                
                               
                            </tr>
                           
                               
                           
                            
                        <?php } ?>
                           
                    </tbody>
                </table>
                                  
                
                <div id="divExpandir" name="divExpandir"></div>
                        <div class="BotonEnviar">
                            <br/>
                            <input type="submit"id="btnGuardar" style="display:none" onclick="" value="btnGuardar"/>
                            
                          
                        </div>
                 <br>
                </fieldset>
       
    </form>
    
      
<!---------------------------------------------------------------------------------------------->
<!-- Aqui estoy creando un menu emergente vertical para la funcionalidad de cada mantenimiento-->
<!---------------------------------------------------------------------------------------------->
<div class="ContenedorMenuDerecho">
        <table>

            <tr><td><a href="../vistas/paginaPrincipal.php?accion=listarGuias&controlador=guias" class="button search"target="Principal">Buscar</a></td></tr>
            <tr><td><a href="" class="button spark" onClick="Limpiar()">Limpiar</a></td></tr>
            <tr><td> <a href="javascript:document.getElementById('btnGuardar').click()" class="button save"target="Principal">Guardar</a></td></tr>
            <tr><td><a href="../vistas/paginaPrincipal.php?accion=listarGuias&controlador=guias" class="button back" target="Principal">Atras</a></td></tr>
            <tr><td> <a href="" class="button file">Reportes</a></td></tr>
       </table>


 </div>

<!---------------------------------------------------------------------------------------------->
</article>
</html>